﻿<table style="width: 100%;">
    <tr>
        <td style="vertical-align: top; width: 660px;">
            @{Ajax.Dna().WidgetZone("Left zone", "zone0").Render();}
        </td>
        <td style="vertical-align: top;">
            @{Ajax.Dna().WidgetZone("Right zone", "zone3").Render();}
        </td>
    </tr>
    <tr>
        <td style="vertical-align: top;" colspan="2">
            @{Ajax.Dna().WidgetZone("Middle zone", "middleZone").Render();}
        </td>
    </tr>
</table>
<table style="width: 100%;">
    <tr>
        <td style="vertical-align: top; width: 33%;">
            @{Ajax.Dna().WidgetZone("Min left zone", "zone4").Render();}
        </td>
        <td style="vertical-align: top; width: 33%;">
            @{Ajax.Dna().WidgetZone("Min middle zone", "zone5").Render();}
        </td>
        <td style="vertical-align: top;">
            @{Ajax.Dna().WidgetZone("Min right zone", "zone6").Render();}
        </td>
    </tr>
</table>
<div>
    @{  
        Ajax.Dna().WidgetZone("Bottom zone", "zone1")
                .HtmlAttributes(new { style = "margin-top:5px;margin-bottom:5px;" })
                .Render(); 
    }
</div>
